<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <head th:if="${session.userInfo == null}">
        <meta charset="UTF-8">
        <title>个人信息</title>
        <link href="../static/bootstrap-4.6.1-dist/css/bootstrap.min.css" th:href="@{/bootstrap-4.6.1-dist/css/bootstrap.min.css}" rel="stylesheet" type="text/css">
        <script src="../static/jQuery/jquery-3.6.0.min.js" th:src="@{/jQuery/jquery-3.6.0.min.js}"></script>
        <script src="../static/jQuery/jquery.cookie.js" th:src="@{/jQuery/jquery.cookie.js}"></script>
        <script src="../static/bootstrap-4.6.1-dist/js/bootstrap.bundle.js" th:src="@{/bootstrap-4.6.1-dist/js/bootstrap.bundle.js}"></script>
        <script type="text/javascript" src="../static/js/publicPart.js" th:src="@{/js/publicPart.js}"></script>
        <link href="../static/css/publicPart.css" rel="stylesheet" th:href="@{/css/publicPart.css}">
    </head>

</head>
<body>
<div class="col-sm-9 col-sm-offset-3 col-md-10 col-lg-10 col-md-offset-2 main" id="main" style="">
    <div class="row" style="">
        <form action="/Article/add" method="post" class="add-article-form" style="">
            <div class="col-md-9" style="">
                <h1 class="page-header">撰写新文章</h1>
                <div class="form-group">
                    <label for="article-title" class="sr-only">标题</label>
                    <input type="text" id="article-title" name="title" class="form-control" placeholder="在此处输入标题" required="" autofocus="" autocomplete="off">
                </div>
                <div class="form-group" style="">
                    <label for="article-content" class="sr-only">内容</label>
                    <div id="article-content" class="edui-default" style=""><div id="edui282" class="edui-editor  edui-default" style="width: 591px; z-index: 999;"><div id="edui282_toolbarbox" class="edui-editor-toolbarbox edui-default" style=""><div id="edui282_toolbarboxouter" class="edui-editor-toolbarboxouter edui-default"><div class="edui-editor-toolbarboxinner edui-default"><div id="edui283" class="edui-toolbar   edui-default" onselectstart="return false;" onmousedown="return $EDITORUI[&quot;edui283&quot;]._onMouseDown(event, this);" style="user-select: none;"><div id="edui284" class="edui-box edui-button edui-for-fullscreen edui-default"><div id="edui284_state" onmousedown="$EDITORUI[&quot;edui284&quot;].Stateful_onMouseDown(event, this);" onmouseup="$EDITORUI[&quot;edui284&quot;].Stateful_onMouseUp(event, this);" onmouseover="$EDITORUI[&quot;edui284&quot;].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI[&quot;edui284&quot;].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui284_body" unselectable="on" title="全屏" class="edui-button-body edui-default" onmousedown="return $EDITORUI[&quot;edui284&quot;]._onMouseDown(event, this);" onclick="return $EDITORUI[&quot;edui284&quot;]._onClick(event, this);"><div class="edui-box edui-icon edui-default"></div><div class="edui-box edui-label edui-default"></div></div></div></div></div><div id="edui285" class="edui-box edui-button edui-for-source edui-default"><div id="edui285_state" onmousedown="$EDITORUI[&quot;edui285&quot;].Stateful_onMouseDown(event, this);" onmouseup="$EDITORUI[&quot;edui285&quot;].Stateful_onMouseUp(event, this);" onmouseover="$EDITORUI[&quot;edui285&quot;].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI[&quot;edui285&quot;].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui285_body" unselectable="on" title="源代码" class="edui-button-body edui-default" onmousedown="return $EDITORUI[&quot;edui285&quot;]._onMouseDown(event, this);" onclick="return $EDITORUI[&quot;edui285&quot;]._onClick(event, this);"><div class="edui-box edui-icon edui-default"></div></div></div></div></div><div id="edui286" class="edui-box edui-separator  edui-default"></div><div id="edui287" class="edui-box edui-button edui-for-undo edui-default"><div id="edui287_state" onmousedown="$EDITORUI[&quot;edui287&quot;].Stateful_onMouseDown(event, this);" onmouseup="$EDITORUI[&quot;edui287&quot;].Stateful_onMouseUp(event, this);" onmouseover="$EDITORUI[&quot;edui287&quot;].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI[&quot;edui287&quot;].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui287_body" unselectable="on" title="撤销" class="edui-button-body edui-default" onmousedown="return $EDITORUI[&quot;edui287&quot;]._onMouseDown(event, this);" onclick="return $EDITORUI[&quot;edui287&quot;]._onClick(event, this);"><div class="edui-box edui-icon edui-default"></div></div></div></div></div><div id="edui288" class="edui-box edui-button edui-for-redo edui-default"><div id="edui288_state" onmousedown="$EDITORUI[&quot;edui288&quot;].Stateful_onMouseDown(event, this);" onmouseup="$EDITORUI[&quot;edui288&quot;].Stateful_onMouseUp(event, this);" onmouseover="$EDITORUI[&quot;edui288&quot;].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI[&quot;edui288&quot;].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui288_body" unselectable="on" title="重做" class="edui-button-body edui-default" onmousedown="return $EDITORUI[&quot;edui288&quot;]._onMouseDown(event, this);" onclick="return $EDITORUI[&quot;edui288&quot;]._onClick(event, this);"><div class="edui-box edui-icon edui-default"></div></div></div></div></div><div id="edui289" class="edui-box edui-separator  edui-default"></div><div id="edui290" class="edui-box edui-button edui-for-bold edui-default"><div id="edui290_state" onmousedown="$EDITORUI[&quot;edui290&quot;].Stateful_onMouseDown(event, this);" onmouseup="$EDITORUI[&quot;edui290&quot;].Stateful_onMouseUp(event, this);" onmouseover="$EDITORUI[&quot;edui290&quot;].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI[&quot;edui290&quot;].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui290_body" unselectable="on" title="加粗" class="edui-button-body edui-default" onmousedown="return $EDITORUI[&quot;edui290&quot;]._onMouseDown(event, this);" onclick="return $EDITORUI[&quot;edui290&quot;]._onClick(event, this);"><div class="edui-box edui-icon edui-default"></div></div></div></div></div><div id="edui291" class="edui-box edui-button edui-for-italic edui-default"><div id="edui291_state" onmousedown="$EDITORUI[&quot;edui291&quot;].Stateful_onMouseDown(event, this);" onmouseup="$EDITORUI[&quot;edui291&quot;].Stateful_onMouseUp(event, this);" onmouseover="$EDITORUI[&quot;edui291&quot;].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI[&quot;edui291&quot;].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui291_body" unselectable="on" title="斜体" class="edui-button-body edui-default" onmousedown="return $EDITORUI[&quot;edui291&quot;]._onMouseDown(event, this);" onclick="return $EDITORUI[&quot;edui291&quot;]._onClick(event, this);"><div class="edui-box edui-icon edui-default"></div></div></div></div></div><div id="edui292" class="edui-box edui-button edui-for-underline edui-default"><div id="edui292_state" onmousedown="$EDITORUI[&quot;edui292&quot;].Stateful_onMouseDown(event, this);" onmouseup="$EDITORUI[&quot;edui292&quot;].Stateful_onMouseUp(event, this);" onmouseover="$EDITORUI[&quot;edui292&quot;].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI[&quot;edui292&quot;].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui292_body" unselectable="on" title="下划线" class="edui-button-body edui-default" onmousedown="return $EDITORUI[&quot;edui292&quot;]._onMouseDown(event, this);" onclick="return $EDITORUI[&quot;edui292&quot;]._onClick(event, this);"><div class="edui-box edui-icon edui-default"></div></div></div></div></div><div id="edui293" class="edui-box edui-button edui-for-fontborder edui-default"><div id="edui293_state" onmousedown="$EDITORUI[&quot;edui293&quot;].Stateful_onMouseDown(event, this);" onmouseup="$EDITORUI[&quot;edui293&quot;].Stateful_onMouseUp(event, this);" onmouseover="$EDITORUI[&quot;edui293&quot;].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI[&quot;edui293&quot;].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui293_body" unselectable="on" title="字符边框" class="edui-button-body edui-default" onmousedown="return $EDITORUI[&quot;edui293&quot;]._onMouseDown(event, this);" onclick="return $EDITORUI[&quot;edui293&quot;]._onClick(event, this);"><div class="edui-box edui-icon edui-default"></div></div></div></div></div><div id="edui294" class="edui-box edui-button edui-for-strikethrough edui-default"><div id="edui294_state" onmousedown="$EDITORUI[&quot;edui294&quot;].Stateful_onMouseDown(event, this);" onmouseup="$EDITORUI[&quot;edui294&quot;].Stateful_onMouseUp(event, this);" onmouseover="$EDITORUI[&quot;edui294&quot;].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI[&quot;edui294&quot;].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui294_body" unselectable="on" title="删除线" class="edui-button-body edui-default" onmousedown="return $EDITORUI[&quot;edui294&quot;]._onMouseDown(event, this);" onclick="return $EDITORUI[&quot;edui294&quot;]._onClick(event, this);"><div class="edui-box edui-icon edui-default"></div></div></div></div></div><div id="edui295" class="edui-box edui-button edui-for-superscript edui-default"><div id="edui295_state" onmousedown="$EDITORUI[&quot;edui295&quot;].Stateful_onMouseDown(event, this);" onmouseup="$EDITORUI[&quot;edui295&quot;].Stateful_onMouseUp(event, this);" onmouseover="$EDITORUI[&quot;edui295&quot;].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI[&quot;edui295&quot;].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui295_body" unselectable="on" title="上标" class="edui-button-body edui-default" onmousedown="return $EDITORUI[&quot;edui295&quot;]._onMouseDown(event, this);" onclick="return $EDITORUI[&quot;edui295&quot;]._onClick(event, this);"><div class="edui-box edui-icon edui-default"></div></div></div></div></div><div id="edui296" class="edui-box edui-button edui-for-subscript edui-default"><div id="edui296_state" onmousedown="$EDITORUI[&quot;edui296&quot;].Stateful_onMouseDown(event, this);" onmouseup="$EDITORUI[&quot;edui296&quot;].Stateful_onMouseUp(event, this);" onmouseover="$EDITORUI[&quot;edui296&quot;].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI[&quot;edui296&quot;].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui296_body" unselectable="on" title="下标" class="edui-button-body edui-default" onmousedown="return $EDITORUI[&quot;edui296&quot;]._onMouseDown(event, this);" onclick="return $EDITORUI[&quot;edui296&quot;]._onClick(event, this);"><div class="edui-box edui-icon edui-default"></div></div></div></div></div><div id="edui297" class="edui-box edui-button edui-for-removeformat edui-default"><div id="edui297_state" onmousedown="$EDITORUI[&quot;edui297&quot;].Stateful_onMouseDown(event, this);" onmouseup="$EDITORUI[&quot;edui297&quot;].Stateful_onMouseUp(event, this);" onmouseover="$EDITORUI[&quot;edui297&quot;].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI[&quot;edui297&quot;].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui297_body" unselectable="on" title="清除格式" class="edui-button-body edui-default" onmousedown="return $EDITORUI[&quot;edui297&quot;]._onMouseDown(event, this);" onclick="return $EDITORUI[&quot;edui297&quot;]._onClick(event, this);"><div class="edui-box edui-icon edui-default"></div></div></div></div></div><div id="edui298" class="edui-box edui-button edui-for-formatmatch edui-default"><div id="edui298_state" onmousedown="$EDITORUI[&quot;edui298&quot;].Stateful_onMouseDown(event, this);" onmouseup="$EDITORUI[&quot;edui298&quot;].Stateful_onMouseUp(event, this);" onmouseover="$EDITORUI[&quot;edui298&quot;].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI[&quot;edui298&quot;].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui298_body" unselectable="on" title="格式刷" class="edui-button-body edui-default" onmousedown="return $EDITORUI[&quot;edui298&quot;]._onMouseDown(event, this);" onclick="return $EDITORUI[&quot;edui298&quot;]._onClick(event, this);"><div class="edui-box edui-icon edui-default"></div></div></div></div></div><div id="edui299" class="edui-box edui-splitbutton edui-for-autotypeset edui-default"><div title="自动排版" id="edui299_state" onmousedown="$EDITORUI[&quot;edui299&quot;].Stateful_onMouseDown(event, this);" onmouseup="$EDITORUI[&quot;edui299&quot;].Stateful_onMouseUp(event, this);" onmouseover="$EDITORUI[&quot;edui299&quot;].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI[&quot;edui299&quot;].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-splitbutton-body edui-default"><div id="edui299_button_body" class="edui-box edui-button-body edui-default" onclick="$EDITORUI[&quot;edui299&quot;]._onButtonClick(event, this);"><div class="edui-box edui-icon edui-default"></div></div><div class="edui-box edui-splitborder edui-default"></div><div class="edui-box edui-arrow edui-default" onclick="$EDITORUI[&quot;edui299&quot;]._onArrowClick();"></div></div></div></div><div id="edui302" class="edui-box edui-button edui-for-blockquote edui-default"><div id="edui302_state" onmousedown="$EDITORUI[&quot;edui302&quot;].Stateful_onMouseDown(event, this);" onmouseup="$EDITORUI[&quot;edui302&quot;].Stateful_onMouseUp(event, this);" onmouseover="$EDITORUI[&quot;edui302&quot;].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI[&quot;edui302&quot;].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui302_body" unselectable="on" title="引用" class="edui-button-body edui-default" onmousedown="return $EDITORUI[&quot;edui302&quot;]._onMouseDown(event, this);" onclick="return $EDITORUI[&quot;edui302&quot;]._onClick(event, this);"><div class="edui-box edui-icon edui-default"></div></div></div></div></div><div id="edui303" class="edui-box edui-button edui-for-pasteplain edui-default"><div id="edui303_state" onmousedown="$EDITORUI[&quot;edui303&quot;].Stateful_onMouseDown(event, this);" onmouseup="$EDITORUI[&quot;edui303&quot;].Stateful_onMouseUp(event, this);" onmouseover="$EDITORUI[&quot;edui303&quot;].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI[&quot;edui303&quot;].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui303_body" unselectable="on" title="纯文本粘贴模式" class="edui-button-body edui-default" onmousedown="return $EDITORUI[&quot;edui303&quot;]._onMouseDown(event, this);" onclick="return $EDITORUI[&quot;edui303&quot;]._onClick(event, this);"><div class="edui-box edui-icon edui-default"></div></div></div></div></div><div id="edui304" class="edui-box edui-separator  edui-default"></div><div id="edui305" class="edui-box edui-splitbutton edui-for-forecolor edui-default edui-colorbutton"><div title="字体颜色" id="edui305_state" onmousedown="$EDITORUI[&quot;edui305&quot;].Stateful_onMouseDown(event, this);" onmouseup="$EDITORUI[&quot;edui305&quot;].Stateful_onMouseUp(event, this);" onmouseover="$EDITORUI[&quot;edui305&quot;].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI[&quot;edui305&quot;].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-splitbutton-body edui-default"><div id="edui305_button_body" class="edui-box edui-button-body edui-default" onclick="$EDITORUI[&quot;edui305&quot;]._onButtonClick(event, this);"><div class="edui-box edui-icon edui-default"></div><div id="edui305_colorlump" class="edui-colorlump"></div></div><div class="edui-box edui-splitborder edui-default"></div><div class="edui-box edui-arrow edui-default" onclick="$EDITORUI[&quot;edui305&quot;]._onArrowClick();"></div></div></div></div><div id="edui308" class="edui-box edui-splitbutton edui-for-backcolor edui-default edui-colorbutton"><div title="背景色" id="edui308_state" onmousedown="$EDITORUI[&quot;edui308&quot;].Stateful_onMouseDown(event, this);" onmouseup="$EDITORUI[&quot;edui308&quot;].Stateful_onMouseUp(event, this);" onmouseover="$EDITORUI[&quot;edui308&quot;].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI[&quot;edui308&quot;].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-splitbutton-body edui-default"><div id="edui308_button_body" class="edui-box edui-button-body edui-default" onclick="$EDITORUI[&quot;edui308&quot;]._onButtonClick(event, this);"><div class="edui-box edui-icon edui-default"></div><div id="edui308_colorlump" class="edui-colorlump"></div></div><div class="edui-box edui-splitborder edui-default"></div><div class="edui-box edui-arrow edui-default" onclick="$EDITORUI[&quot;edui308&quot;]._onArrowClick();"></div></div></div></div><div id="edui311" class="edui-box edui-menubutton edui-for-insertorderedlist edui-default"><div title="有序列表" id="edui311_state" onmousedown="$EDITORUI[&quot;edui311&quot;].Stateful_onMouseDown(event, this);" onmouseup="$EDITORUI[&quot;edui311&quot;].Stateful_onMouseUp(event, this);" onmouseover="$EDITORUI[&quot;edui311&quot;].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI[&quot;edui311&quot;].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-menubutton-body edui-default"><div id="edui311_button_body" class="edui-box edui-button-body edui-default" onclick="$EDITORUI[&quot;edui311&quot;]._onButtonClick(event, this);"><div class="edui-box edui-icon edui-default"></div></div><div class="edui-box edui-splitborder edui-default"></div><div class="edui-box edui-arrow edui-default" onclick="$EDITORUI[&quot;edui311&quot;]._onArrowClick();"></div></div></div></div><div id="edui324" class="edui-box edui-menubutton edui-for-insertunorderedlist edui-default"><div title="无序列表" id="edui324_state" onmousedown="$EDITORUI[&quot;edui324&quot;].Stateful_onMouseDown(event, this);" onmouseup="$EDITORUI[&quot;edui324&quot;].Stateful_onMouseUp(event, this);" onmouseover="$EDITORUI[&quot;edui324&quot;].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI[&quot;edui324&quot;].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-menubutton-body edui-default"><div id="edui324_button_body" class="edui-box edui-button-body edui-default" onclick="$EDITORUI[&quot;edui324&quot;]._onButtonClick(event, this);"><div class="edui-box edui-icon edui-default"></div></div><div class="edui-box edui-splitborder edui-default"></div><div class="edui-box edui-arrow edui-default" onclick="$EDITORUI[&quot;edui324&quot;]._onArrowClick();"></div></div></div></div><div id="edui331" class="edui-box edui-button edui-for-selectall edui-default"><div id="edui331_state" onmousedown="$EDITORUI[&quot;edui331&quot;].Stateful_onMouseDown(event, this);" onmouseup="$EDITORUI[&quot;edui331&quot;].Stateful_onMouseUp(event, this);" onmouseover="$EDITORUI[&quot;edui331&quot;].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI[&quot;edui331&quot;].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui331_body" unselectable="on" title="全选" class="edui-button-body edui-default" onmousedown="return $EDITORUI[&quot;edui331&quot;]._onMouseDown(event, this);" onclick="return $EDITORUI[&quot;edui331&quot;]._onClick(event, this);"><div class="edui-box edui-icon edui-default"></div></div></div></div></div><div id="edui332" class="edui-box edui-button edui-for-cleardoc edui-default"><div id="edui332_state" onmousedown="$EDITORUI[&quot;edui332&quot;].Stateful_onMouseDown(event, this);" onmouseup="$EDITORUI[&quot;edui332&quot;].Stateful_onMouseUp(event, this);" onmouseover="$EDITORUI[&quot;edui332&quot;].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI[&quot;edui332&quot;].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui332_body" unselectable="on" title="清空文档" class="edui-button-body edui-default" onmousedown="return $EDITORUI[&quot;edui332&quot;]._onMouseDown(event, this);" onclick="return $EDITORUI[&quot;edui332&quot;]._onClick(event, this);"><div class="edui-box edui-icon edui-default"></div><div class="edui-box edui-label edui-default"></div></div></div></div></div><div id="edui333" class="edui-box edui-separator  edui-default"></div><div id="edui334" class="edui-box edui-menubutton edui-for-rowspacingtop edui-default"><div title="段前距" id="edui334_state" onmousedown="$EDITORUI[&quot;edui334&quot;].Stateful_onMouseDown(event, this);" onmouseup="$EDITORUI[&quot;edui334&quot;].Stateful_onMouseUp(event, this);" onmouseover="$EDITORUI[&quot;edui334&quot;].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI[&quot;edui334&quot;].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-menubutton-body edui-default"><div id="edui334_button_body" class="edui-box edui-button-body edui-default" onclick="$EDITORUI[&quot;edui334&quot;]._onButtonClick(event, this);"><div class="edui-box edui-icon edui-default"></div></div><div class="edui-box edui-splitborder edui-default"></div><div class="edui-box edui-arrow edui-default" onclick="$EDITORUI[&quot;edui334&quot;]._onArrowClick();"></div></div></div></div><div id="edui341" class="edui-box edui-menubutton edui-for-rowspacingbottom edui-default"><div title="段后距" id="edui341_state" onmousedown="$EDITORUI[&quot;edui341&quot;].Stateful_onMouseDown(event, this);" onmouseup="$EDITORUI[&quot;edui341&quot;].Stateful_onMouseUp(event, this);" onmouseover="$EDITORUI[&quot;edui341&quot;].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI[&quot;edui341&quot;].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-menubutton-body edui-default"><div id="edui341_button_body" class="edui-box edui-button-body edui-default" onclick="$EDITORUI[&quot;edui341&quot;]._onButtonClick(event, this);"><div class="edui-box edui-icon edui-default"></div></div><div class="edui-box edui-splitborder edui-default"></div><div class="edui-box edui-arrow edui-default" onclick="$EDITORUI[&quot;edui341&quot;]._onArrowClick();"></div></div></div></div><div id="edui348" class="edui-box edui-menubutton edui-for-lineheight edui-default"><div title="行间距" id="edui348_state" onmousedown="$EDITORUI[&quot;edui348&quot;].Stateful_onMouseDown(event, this);" onmouseup="$EDITORUI[&quot;edui348&quot;].Stateful_onMouseUp(event, this);" onmouseover="$EDITORUI[&quot;edui348&quot;].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI[&quot;edui348&quot;].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-menubutton-body edui-default"><div id="edui348_button_body" class="edui-box edui-button-body edui-default" onclick="$EDITORUI[&quot;edui348&quot;]._onButtonClick(event, this);"><div class="edui-box edui-icon edui-default"></div></div><div class="edui-box edui-splitborder edui-default"></div><div class="edui-box edui-arrow edui-default" onclick="$EDITORUI[&quot;edui348&quot;]._onArrowClick();"></div></div></div></div><div id="edui357" class="edui-box edui-separator  edui-default"></div><div id="edui358" class="edui-box edui-combox edui-for-customstyle edui-default"><div title="自定义标题" id="edui358_state" onmousedown="$EDITORUI[&quot;edui358&quot;].Stateful_onMouseDown(event, this);" onmouseup="$EDITORUI[&quot;edui358&quot;].Stateful_onMouseUp(event, this);" onmouseover="$EDITORUI[&quot;edui358&quot;].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI[&quot;edui358&quot;].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-combox-body edui-default"><div id="edui358_button_body" class="edui-box edui-button-body edui-default" onclick="$EDITORUI[&quot;edui358&quot;]._onButtonClick(event, this);">自定义标题</div><div class="edui-box edui-splitborder edui-default"></div><div class="edui-box edui-arrow edui-default" onclick="$EDITORUI[&quot;edui358&quot;]._onArrowClick();"></div></div></div></div><div id="edui364" class="edui-box edui-combox edui-for-paragraph edui-default"><div title="段落格式" id="edui364_state" onmousedown="$EDITORUI[&quot;edui364&quot;].Stateful_onMouseDown(event, this);" onmouseup="$EDITORUI[&quot;edui364&quot;].Stateful_onMouseUp(event, this);" onmouseover="$EDITORUI[&quot;edui364&quot;].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI[&quot;edui364&quot;].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-combox-body edui-default"><div id="edui364_button_body" class="edui-box edui-button-body edui-default" onclick="$EDITORUI[&quot;edui364&quot;]._onButtonClick(event, this);">段落格式</div><div class="edui-box edui-splitborder edui-default"></div><div class="edui-box edui-arrow edui-default" onclick="$EDITORUI[&quot;edui364&quot;]._onArrowClick();"></div></div></div></div><div id="edui373" class="edui-box edui-combox edui-for-fontfamily edui-default"><div title="字体" id="edui373_state" onmousedown="$EDITORUI[&quot;edui373&quot;].Stateful_onMouseDown(event, this);" onmouseup="$EDITORUI[&quot;edui373&quot;].Stateful_onMouseUp(event, this);" onmouseover="$EDITORUI[&quot;edui373&quot;].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI[&quot;edui373&quot;].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-combox-body edui-default"><div id="edui373_button_body" class="edui-box edui-button-body edui-default" onclick="$EDITORUI[&quot;edui373&quot;]._onButtonClick(event, this);">字体</div><div class="edui-box edui-splitborder edui-default"></div><div class="edui-box edui-arrow edui-default" onclick="$EDITORUI[&quot;edui373&quot;]._onArrowClick();"></div></div></div></div><div id="edui386" class="edui-box edui-combox edui-for-fontsize edui-default"><div title="字号" id="edui386_state" onmousedown="$EDITORUI[&quot;edui386&quot;].Stateful_onMouseDown(event, this);" onmouseup="$EDITORUI[&quot;edui386&quot;].Stateful_onMouseUp(event, this);" onmouseover="$EDITORUI[&quot;edui386&quot;].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI[&quot;edui386&quot;].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-combox-body edui-default"><div id="edui386_button_body" class="edui-box edui-button-body edui-default" onclick="$EDITORUI[&quot;edui386&quot;]._onButtonClick(event, this);">字号</div><div class="edui-box edui-splitborder edui-default"></div><div class="edui-box edui-arrow edui-default" onclick="$EDITORUI[&quot;edui386&quot;]._onArrowClick();"></div></div></div></div><div id="edui397" class="edui-box edui-separator  edui-default"></div><div id="edui398" class="edui-box edui-button edui-for-directionalityltr edui-default"><div id="edui398_state" onmousedown="$EDITORUI[&quot;edui398&quot;].Stateful_onMouseDown(event, this);" onmouseup="$EDITORUI[&quot;edui398&quot;].Stateful_onMouseUp(event, this);" onmouseover="$EDITORUI[&quot;edui398&quot;].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI[&quot;edui398&quot;].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui398_body" unselectable="on" title="从左向右输入" class="edui-button-body edui-default" onmousedown="return $EDITORUI[&quot;edui398&quot;]._onMouseDown(event, this);" onclick="return $EDITORUI[&quot;edui398&quot;]._onClick(event, this);"><div class="edui-box edui-icon edui-default"></div><div class="edui-box edui-label edui-default"></div></div></div></div></div><div id="edui399" class="edui-box edui-button edui-for-directionalityrtl edui-default"><div id="edui399_state" onmousedown="$EDITORUI[&quot;edui399&quot;].Stateful_onMouseDown(event, this);" onmouseup="$EDITORUI[&quot;edui399&quot;].Stateful_onMouseUp(event, this);" onmouseover="$EDITORUI[&quot;edui399&quot;].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI[&quot;edui399&quot;].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui399_body" unselectable="on" title="从右向左输入" class="edui-button-body edui-default" onmousedown="return $EDITORUI[&quot;edui399&quot;]._onMouseDown(event, this);" onclick="return $EDITORUI[&quot;edui399&quot;]._onClick(event, this);"><div class="edui-box edui-icon edui-default"></div><div class="edui-box edui-label edui-default"></div></div></div></div></div><div id="edui400" class="edui-box edui-button edui-for-indent edui-default"><div id="edui400_state" onmousedown="$EDITORUI[&quot;edui400&quot;].Stateful_onMouseDown(event, this);" onmouseup="$EDITORUI[&quot;edui400&quot;].Stateful_onMouseUp(event, this);" onmouseover="$EDITORUI[&quot;edui400&quot;].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI[&quot;edui400&quot;].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui400_body" unselectable="on" title="首行缩进" class="edui-button-body edui-default" onmousedown="return $EDITORUI[&quot;edui400&quot;]._onMouseDown(event, this);" onclick="return $EDITORUI[&quot;edui400&quot;]._onClick(event, this);"><div class="edui-box edui-icon edui-default"></div></div></div></div></div><div id="edui401" class="edui-box edui-separator  edui-default"></div><div id="edui402" class="edui-box edui-button edui-for-justifyleft edui-default"><div id="edui402_state" onmousedown="$EDITORUI[&quot;edui402&quot;].Stateful_onMouseDown(event, this);" onmouseup="$EDITORUI[&quot;edui402&quot;].Stateful_onMouseUp(event, this);" onmouseover="$EDITORUI[&quot;edui402&quot;].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI[&quot;edui402&quot;].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui402_body" unselectable="on" title="居左对齐" class="edui-button-body edui-default" onmousedown="return $EDITORUI[&quot;edui402&quot;]._onMouseDown(event, this);" onclick="return $EDITORUI[&quot;edui402&quot;]._onClick(event, this);"><div class="edui-box edui-icon edui-default"></div><div class="edui-box edui-label edui-default"></div></div></div></div></div><div id="edui403" class="edui-box edui-button edui-for-justifycenter edui-default"><div id="edui403_state" onmousedown="$EDITORUI[&quot;edui403&quot;].Stateful_onMouseDown(event, this);" onmouseup="$EDITORUI[&quot;edui403&quot;].Stateful_onMouseUp(event, this);" onmouseover="$EDITORUI[&quot;edui403&quot;].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI[&quot;edui403&quot;].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui403_body" unselectable="on" title="居中对齐" class="edui-button-body edui-default" onmousedown="return $EDITORUI[&quot;edui403&quot;]._onMouseDown(event, this);" onclick="return $EDITORUI[&quot;edui403&quot;]._onClick(event, this);"><div class="edui-box edui-icon edui-default"></div><div class="edui-box edui-label edui-default"></div></div></div></div></div><div id="edui404" class="edui-box edui-button edui-for-justifyright edui-default"><div id="edui404_state" onmousedown="$EDITORUI[&quot;edui404&quot;].Stateful_onMouseDown(event, this);" onmouseup="$EDITORUI[&quot;edui404&quot;].Stateful_onMouseUp(event, this);" onmouseover="$EDITORUI[&quot;edui404&quot;].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI[&quot;edui404&quot;].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui404_body" unselectable="on" title="居右对齐" class="edui-button-body edui-default" onmousedown="return $EDITORUI[&quot;edui404&quot;]._onMouseDown(event, this);" onclick="return $EDITORUI[&quot;edui404&quot;]._onClick(event, this);"><div class="edui-box edui-icon edui-default"></div><div class="edui-box edui-label edui-default"></div></div></div></div></div><div id="edui405" class="edui-box edui-button edui-for-justifyjustify edui-default"><div id="edui405_state" onmousedown="$EDITORUI[&quot;edui405&quot;].Stateful_onMouseDown(event, this);" onmouseup="$EDITORUI[&quot;edui405&quot;].Stateful_onMouseUp(event, this);" onmouseover="$EDITORUI[&quot;edui405&quot;].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI[&quot;edui405&quot;].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui405_body" unselectable="on" title="两端对齐" class="edui-button-body edui-default" onmousedown="return $EDITORUI[&quot;edui405&quot;]._onMouseDown(event, this);" onclick="return $EDITORUI[&quot;edui405&quot;]._onClick(event, this);"><div class="edui-box edui-icon edui-default"></div><div class="edui-box edui-label edui-default"></div></div></div></div></div><div id="edui406" class="edui-box edui-separator  edui-default"></div><div id="edui407" class="edui-box edui-button edui-for-touppercase edui-default"><div id="edui407_state" onmousedown="$EDITORUI[&quot;edui407&quot;].Stateful_onMouseDown(event, this);" onmouseup="$EDITORUI[&quot;edui407&quot;].Stateful_onMouseUp(event, this);" onmouseover="$EDITORUI[&quot;edui407&quot;].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI[&quot;edui407&quot;].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui407_body" unselectable="on" title="字母大写" class="edui-button-body edui-default" onmousedown="return $EDITORUI[&quot;edui407&quot;]._onMouseDown(event, this);" onclick="return $EDITORUI[&quot;edui407&quot;]._onClick(event, this);"><div class="edui-box edui-icon edui-default"></div></div></div></div></div><div id="edui408" class="edui-box edui-button edui-for-tolowercase edui-default"><div id="edui408_state" onmousedown="$EDITORUI[&quot;edui408&quot;].Stateful_onMouseDown(event, this);" onmouseup="$EDITORUI[&quot;edui408&quot;].Stateful_onMouseUp(event, this);" onmouseover="$EDITORUI[&quot;edui408&quot;].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI[&quot;edui408&quot;].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui408_body" unselectable="on" title="字母小写" class="edui-button-body edui-default" onmousedown="return $EDITORUI[&quot;edui408&quot;]._onMouseDown(event, this);" onclick="return $EDITORUI[&quot;edui408&quot;]._onClick(event, this);"><div class="edui-box edui-icon edui-default"></div></div></div></div></div><div id="edui409" class="edui-box edui-separator  edui-default"></div><div id="edui414" class="edui-box edui-button edui-for-link edui-default"><div id="edui414_state" onmousedown="$EDITORUI[&quot;edui414&quot;].Stateful_onMouseDown(event, this);" onmouseup="$EDITORUI[&quot;edui414&quot;].Stateful_onMouseUp(event, this);" onmouseover="$EDITORUI[&quot;edui414&quot;].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI[&quot;edui414&quot;].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui414_body" unselectable="on" title="超链接" class="edui-button-body edui-default" onmousedown="return $EDITORUI[&quot;edui414&quot;]._onMouseDown(event, this);" onclick="return $EDITORUI[&quot;edui414&quot;]._onClick(event, this);"><div class="edui-box edui-icon edui-default"></div><div class="edui-box edui-label edui-default"></div></div></div></div></div><div id="edui415" class="edui-box edui-button edui-for-unlink edui-default"><div id="edui415_state" onmousedown="$EDITORUI[&quot;edui415&quot;].Stateful_onMouseDown(event, this);" onmouseup="$EDITORUI[&quot;edui415&quot;].Stateful_onMouseUp(event, this);" onmouseover="$EDITORUI[&quot;edui415&quot;].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI[&quot;edui415&quot;].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui415_body" unselectable="on" title="取消链接" class="edui-button-body edui-default" onmousedown="return $EDITORUI[&quot;edui415&quot;]._onMouseDown(event, this);" onclick="return $EDITORUI[&quot;edui415&quot;]._onClick(event, this);"><div class="edui-box edui-icon edui-default"></div></div></div></div></div><div id="edui420" class="edui-box edui-button edui-for-anchor edui-default"><div id="edui420_state" onmousedown="$EDITORUI[&quot;edui420&quot;].Stateful_onMouseDown(event, this);" onmouseup="$EDITORUI[&quot;edui420&quot;].Stateful_onMouseUp(event, this);" onmouseover="$EDITORUI[&quot;edui420&quot;].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI[&quot;edui420&quot;].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui420_body" unselectable="on" title="锚点" class="edui-button-body edui-default" onmousedown="return $EDITORUI[&quot;edui420&quot;]._onMouseDown(event, this);" onclick="return $EDITORUI[&quot;edui420&quot;]._onClick(event, this);"><div class="edui-box edui-icon edui-default"></div><div class="edui-box edui-label edui-default"></div></div></div></div></div><div id="edui421" class="edui-box edui-separator  edui-default"></div><div id="edui422" class="edui-box edui-button edui-for-imagenone edui-default"><div id="edui422_state" onmousedown="$EDITORUI[&quot;edui422&quot;].Stateful_onMouseDown(event, this);" onmouseup="$EDITORUI[&quot;edui422&quot;].Stateful_onMouseUp(event, this);" onmouseover="$EDITORUI[&quot;edui422&quot;].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI[&quot;edui422&quot;].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui422_body" unselectable="on" title="默认" class="edui-button-body edui-default" onmousedown="return $EDITORUI[&quot;edui422&quot;]._onMouseDown(event, this);" onclick="return $EDITORUI[&quot;edui422&quot;]._onClick(event, this);"><div class="edui-box edui-icon edui-default"></div><div class="edui-box edui-label edui-default"></div></div></div></div></div><div id="edui423" class="edui-box edui-button edui-for-imageleft edui-default"><div id="edui423_state" onmousedown="$EDITORUI[&quot;edui423&quot;].Stateful_onMouseDown(event, this);" onmouseup="$EDITORUI[&quot;edui423&quot;].Stateful_onMouseUp(event, this);" onmouseover="$EDITORUI[&quot;edui423&quot;].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI[&quot;edui423&quot;].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui423_body" unselectable="on" title="左浮动" class="edui-button-body edui-default" onmousedown="return $EDITORUI[&quot;edui423&quot;]._onMouseDown(event, this);" onclick="return $EDITORUI[&quot;edui423&quot;]._onClick(event, this);"><div class="edui-box edui-icon edui-default"></div><div class="edui-box edui-label edui-default"></div></div></div></div></div><div id="edui424" class="edui-box edui-button edui-for-imageright edui-default"><div id="edui424_state" onmousedown="$EDITORUI[&quot;edui424&quot;].Stateful_onMouseDown(event, this);" onmouseup="$EDITORUI[&quot;edui424&quot;].Stateful_onMouseUp(event, this);" onmouseover="$EDITORUI[&quot;edui424&quot;].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI[&quot;edui424&quot;].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui424_body" unselectable="on" title="右浮动" class="edui-button-body edui-default" onmousedown="return $EDITORUI[&quot;edui424&quot;]._onMouseDown(event, this);" onclick="return $EDITORUI[&quot;edui424&quot;]._onClick(event, this);"><div class="edui-box edui-icon edui-default"></div><div class="edui-box edui-label edui-default"></div></div></div></div></div><div id="edui425" class="edui-box edui-button edui-for-imagecenter edui-default"><div id="edui425_state" onmousedown="$EDITORUI[&quot;edui425&quot;].Stateful_onMouseDown(event, this);" onmouseup="$EDITORUI[&quot;edui425&quot;].Stateful_onMouseUp(event, this);" onmouseover="$EDITORUI[&quot;edui425&quot;].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI[&quot;edui425&quot;].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui425_body" unselectable="on" title="居中" class="edui-button-body edui-default" onmousedown="return $EDITORUI[&quot;edui425&quot;]._onMouseDown(event, this);" onclick="return $EDITORUI[&quot;edui425&quot;]._onClick(event, this);"><div class="edui-box edui-icon edui-default"></div><div class="edui-box edui-label edui-default"></div></div></div></div></div><div id="edui426" class="edui-box edui-separator  edui-default"></div><div id="edui427" class="edui-box edui-button edui-for-simpleupload edui-default"><div id="edui427_state" onmousedown="$EDITORUI[&quot;edui427&quot;].Stateful_onMouseDown(event, this);" onmouseup="$EDITORUI[&quot;edui427&quot;].Stateful_onMouseUp(event, this);" onmouseover="$EDITORUI[&quot;edui427&quot;].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI[&quot;edui427&quot;].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui427_body" unselectable="on" title="单图上传" class="edui-button-body edui-default" onmousedown="return $EDITORUI[&quot;edui427&quot;]._onMouseDown(event, this);" onclick="return $EDITORUI[&quot;edui427&quot;]._onClick(event, this);"><div class="edui-box edui-icon edui-default"></div></div></div></div></div><div id="edui432" class="edui-box edui-button edui-for-insertimage edui-default"><div id="edui432_state" onmousedown="$EDITORUI[&quot;edui432&quot;].Stateful_onMouseDown(event, this);" onmouseup="$EDITORUI[&quot;edui432&quot;].Stateful_onMouseUp(event, this);" onmouseover="$EDITORUI[&quot;edui432&quot;].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI[&quot;edui432&quot;].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui432_body" unselectable="on" title="多图上传" class="edui-button-body edui-default" onmousedown="return $EDITORUI[&quot;edui432&quot;]._onMouseDown(event, this);" onclick="return $EDITORUI[&quot;edui432&quot;]._onClick(event, this);"><div class="edui-box edui-icon edui-default"></div><div class="edui-box edui-label edui-default"></div></div></div></div></div><div id="edui433" class="edui-box edui-splitbutton edui-for-emotion edui-default"><div title="表情" id="edui433_state" onmousedown="$EDITORUI[&quot;edui433&quot;].Stateful_onMouseDown(event, this);" onmouseup="$EDITORUI[&quot;edui433&quot;].Stateful_onMouseUp(event, this);" onmouseover="$EDITORUI[&quot;edui433&quot;].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI[&quot;edui433&quot;].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-splitbutton-body edui-default"><div id="edui433_button_body" class="edui-box edui-button-body edui-default" onclick="$EDITORUI[&quot;edui433&quot;]._onButtonClick(event, this);"><div class="edui-box edui-icon edui-default"></div></div><div class="edui-box edui-splitborder edui-default"></div><div class="edui-box edui-arrow edui-default" onclick="$EDITORUI[&quot;edui433&quot;]._onArrowClick();"></div></div></div></div><div id="edui439" class="edui-box edui-button edui-for-scrawl edui-default"><div id="edui439_state" onmousedown="$EDITORUI[&quot;edui439&quot;].Stateful_onMouseDown(event, this);" onmouseup="$EDITORUI[&quot;edui439&quot;].Stateful_onMouseUp(event, this);" onmouseover="$EDITORUI[&quot;edui439&quot;].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI[&quot;edui439&quot;].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui439_body" unselectable="on" title="涂鸦" class="edui-button-body edui-default" onmousedown="return $EDITORUI[&quot;edui439&quot;]._onMouseDown(event, this);" onclick="return $EDITORUI[&quot;edui439&quot;]._onClick(event, this);"><div class="edui-box edui-icon edui-default"></div><div class="edui-box edui-label edui-default"></div></div></div></div></div><div id="edui444" class="edui-box edui-button edui-for-insertvideo edui-default"><div id="edui444_state" onmousedown="$EDITORUI[&quot;edui444&quot;].Stateful_onMouseDown(event, this);" onmouseup="$EDITORUI[&quot;edui444&quot;].Stateful_onMouseUp(event, this);" onmouseover="$EDITORUI[&quot;edui444&quot;].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI[&quot;edui444&quot;].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui444_body" unselectable="on" title="视频" class="edui-button-body edui-default" onmousedown="return $EDITORUI[&quot;edui444&quot;]._onMouseDown(event, this);" onclick="return $EDITORUI[&quot;edui444&quot;]._onClick(event, this);"><div class="edui-box edui-icon edui-default"></div><div class="edui-box edui-label edui-default"></div></div></div></div></div><div id="edui449" class="edui-box edui-button edui-for-music edui-default"><div id="edui449_state" onmousedown="$EDITORUI[&quot;edui449&quot;].Stateful_onMouseDown(event, this);" onmouseup="$EDITORUI[&quot;edui449&quot;].Stateful_onMouseUp(event, this);" onmouseover="$EDITORUI[&quot;edui449&quot;].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI[&quot;edui449&quot;].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui449_body" unselectable="on" title="音乐" class="edui-button-body edui-default" onmousedown="return $EDITORUI[&quot;edui449&quot;]._onMouseDown(event, this);" onclick="return $EDITORUI[&quot;edui449&quot;]._onClick(event, this);"><div class="edui-box edui-icon edui-default"></div><div class="edui-box edui-label edui-default"></div></div></div></div></div><div id="edui454" class="edui-box edui-button edui-for-attachment edui-default"><div id="edui454_state" onmousedown="$EDITORUI[&quot;edui454&quot;].Stateful_onMouseDown(event, this);" onmouseup="$EDITORUI[&quot;edui454&quot;].Stateful_onMouseUp(event, this);" onmouseover="$EDITORUI[&quot;edui454&quot;].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI[&quot;edui454&quot;].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui454_body" unselectable="on" title="附件" class="edui-button-body edui-default" onmousedown="return $EDITORUI[&quot;edui454&quot;]._onMouseDown(event, this);" onclick="return $EDITORUI[&quot;edui454&quot;]._onClick(event, this);"><div class="edui-box edui-icon edui-default"></div><div class="edui-box edui-label edui-default"></div></div></div></div></div><div id="edui459" class="edui-box edui-button edui-for-map edui-default"><div id="edui459_state" onmousedown="$EDITORUI[&quot;edui459&quot;].Stateful_onMouseDown(event, this);" onmouseup="$EDITORUI[&quot;edui459&quot;].Stateful_onMouseUp(event, this);" onmouseover="$EDITORUI[&quot;edui459&quot;].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI[&quot;edui459&quot;].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui459_body" unselectable="on" title="Baidu地图" class="edui-button-body edui-default" onmousedown="return $EDITORUI[&quot;edui459&quot;]._onMouseDown(event, this);" onclick="return $EDITORUI[&quot;edui459&quot;]._onClick(event, this);"><div class="edui-box edui-icon edui-default"></div><div class="edui-box edui-label edui-default"></div></div></div></div></div><div id="edui464" class="edui-box edui-button edui-for-gmap edui-default"><div id="edui464_state" onmousedown="$EDITORUI[&quot;edui464&quot;].Stateful_onMouseDown(event, this);" onmouseup="$EDITORUI[&quot;edui464&quot;].Stateful_onMouseUp(event, this);" onmouseover="$EDITORUI[&quot;edui464&quot;].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI[&quot;edui464&quot;].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui464_body" unselectable="on" title="Google地图" class="edui-button-body edui-default" onmousedown="return $EDITORUI[&quot;edui464&quot;]._onMouseDown(event, this);" onclick="return $EDITORUI[&quot;edui464&quot;]._onClick(event, this);"><div class="edui-box edui-icon edui-default"></div><div class="edui-box edui-label edui-default"></div></div></div></div></div><div id="edui469" class="edui-box edui-button edui-for-insertframe edui-default"><div id="edui469_state" onmousedown="$EDITORUI[&quot;edui469&quot;].Stateful_onMouseDown(event, this);" onmouseup="$EDITORUI[&quot;edui469&quot;].Stateful_onMouseUp(event, this);" onmouseover="$EDITORUI[&quot;edui469&quot;].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI[&quot;edui469&quot;].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui469_body" unselectable="on" title="插入Iframe" class="edui-button-body edui-default" onmousedown="return $EDITORUI[&quot;edui469&quot;]._onMouseDown(event, this);" onclick="return $EDITORUI[&quot;edui469&quot;]._onClick(event, this);"><div class="edui-box edui-icon edui-default"></div><div class="edui-box edui-label edui-default"></div></div></div></div></div><div id="edui470" class="edui-box edui-combox edui-for-insertcode edui-default"><div title="代码语言" id="edui470_state" onmousedown="$EDITORUI[&quot;edui470&quot;].Stateful_onMouseDown(event, this);" onmouseup="$EDITORUI[&quot;edui470&quot;].Stateful_onMouseUp(event, this);" onmouseover="$EDITORUI[&quot;edui470&quot;].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI[&quot;edui470&quot;].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-combox-body edui-default"><div id="edui470_button_body" class="edui-box edui-button-body edui-default" onclick="$EDITORUI[&quot;edui470&quot;]._onButtonClick(event, this);">代码语言</div><div class="edui-box edui-splitborder edui-default"></div><div class="edui-box edui-arrow edui-default" onclick="$EDITORUI[&quot;edui470&quot;]._onArrowClick();"></div></div></div></div><div id="edui498" class="edui-box edui-button edui-for-webapp edui-default"><div id="edui498_state" onmousedown="$EDITORUI[&quot;edui498&quot;].Stateful_onMouseDown(event, this);" onmouseup="$EDITORUI[&quot;edui498&quot;].Stateful_onMouseUp(event, this);" onmouseover="$EDITORUI[&quot;edui498&quot;].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI[&quot;edui498&quot;].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui498_body" unselectable="on" title="百度应用" class="edui-button-body edui-default" onmousedown="return $EDITORUI[&quot;edui498&quot;]._onMouseDown(event, this);" onclick="return $EDITORUI[&quot;edui498&quot;]._onClick(event, this);"><div class="edui-box edui-icon edui-default"></div><div class="edui-box edui-label edui-default"></div></div></div></div></div><div id="edui499" class="edui-box edui-button edui-for-pagebreak edui-default"><div id="edui499_state" onmousedown="$EDITORUI[&quot;edui499&quot;].Stateful_onMouseDown(event, this);" onmouseup="$EDITORUI[&quot;edui499&quot;].Stateful_onMouseUp(event, this);" onmouseover="$EDITORUI[&quot;edui499&quot;].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI[&quot;edui499&quot;].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui499_body" unselectable="on" title="分页" class="edui-button-body edui-default" onmousedown="return $EDITORUI[&quot;edui499&quot;]._onMouseDown(event, this);" onclick="return $EDITORUI[&quot;edui499&quot;]._onClick(event, this);"><div class="edui-box edui-icon edui-default"></div></div></div></div></div><div id="edui504" class="edui-box edui-button edui-for-template edui-default"><div id="edui504_state" onmousedown="$EDITORUI[&quot;edui504&quot;].Stateful_onMouseDown(event, this);" onmouseup="$EDITORUI[&quot;edui504&quot;].Stateful_onMouseUp(event, this);" onmouseover="$EDITORUI[&quot;edui504&quot;].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI[&quot;edui504&quot;].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui504_body" unselectable="on" title="模板" class="edui-button-body edui-default" onmousedown="return $EDITORUI[&quot;edui504&quot;]._onMouseDown(event, this);" onclick="return $EDITORUI[&quot;edui504&quot;]._onClick(event, this);"><div class="edui-box edui-icon edui-default"></div><div class="edui-box edui-label edui-default"></div></div></div></div></div><div id="edui509" class="edui-box edui-button edui-for-background edui-default"><div id="edui509_state" onmousedown="$EDITORUI[&quot;edui509&quot;].Stateful_onMouseDown(event, this);" onmouseup="$EDITORUI[&quot;edui509&quot;].Stateful_onMouseUp(event, this);" onmouseover="$EDITORUI[&quot;edui509&quot;].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI[&quot;edui509&quot;].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui509_body" unselectable="on" title="背景" class="edui-button-body edui-default" onmousedown="return $EDITORUI[&quot;edui509&quot;]._onMouseDown(event, this);" onclick="return $EDITORUI[&quot;edui509&quot;]._onClick(event, this);"><div class="edui-box edui-icon edui-default"></div><div class="edui-box edui-label edui-default"></div></div></div></div></div><div id="edui510" class="edui-box edui-separator  edui-default"></div><div id="edui511" class="edui-box edui-button edui-for-horizontal edui-default"><div id="edui511_state" onmousedown="$EDITORUI[&quot;edui511&quot;].Stateful_onMouseDown(event, this);" onmouseup="$EDITORUI[&quot;edui511&quot;].Stateful_onMouseUp(event, this);" onmouseover="$EDITORUI[&quot;edui511&quot;].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI[&quot;edui511&quot;].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui511_body" unselectable="on" title="分隔线" class="edui-button-body edui-default" onmousedown="return $EDITORUI[&quot;edui511&quot;]._onMouseDown(event, this);" onclick="return $EDITORUI[&quot;edui511&quot;]._onClick(event, this);"><div class="edui-box edui-icon edui-default"></div></div></div></div></div><div id="edui512" class="edui-box edui-button edui-for-date edui-default"><div id="edui512_state" onmousedown="$EDITORUI[&quot;edui512&quot;].Stateful_onMouseDown(event, this);" onmouseup="$EDITORUI[&quot;edui512&quot;].Stateful_onMouseUp(event, this);" onmouseover="$EDITORUI[&quot;edui512&quot;].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI[&quot;edui512&quot;].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui512_body" unselectable="on" title="日期" class="edui-button-body edui-default" onmousedown="return $EDITORUI[&quot;edui512&quot;]._onMouseDown(event, this);" onclick="return $EDITORUI[&quot;edui512&quot;]._onClick(event, this);"><div class="edui-box edui-icon edui-default"></div></div></div></div></div><div id="edui513" class="edui-box edui-button edui-for-time edui-default"><div id="edui513_state" onmousedown="$EDITORUI[&quot;edui513&quot;].Stateful_onMouseDown(event, this);" onmouseup="$EDITORUI[&quot;edui513&quot;].Stateful_onMouseUp(event, this);" onmouseover="$EDITORUI[&quot;edui513&quot;].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI[&quot;edui513&quot;].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui513_body" unselectable="on" title="时间" class="edui-button-body edui-default" onmousedown="return $EDITORUI[&quot;edui513&quot;]._onMouseDown(event, this);" onclick="return $EDITORUI[&quot;edui513&quot;]._onClick(event, this);"><div class="edui-box edui-icon edui-default"></div></div></div></div></div><div id="edui516" class="edui-box edui-button edui-for-spechars edui-default"><div id="edui516_state" onmousedown="$EDITORUI[&quot;edui516&quot;].Stateful_onMouseDown(event, this);" onmouseup="$EDITORUI[&quot;edui516&quot;].Stateful_onMouseUp(event, this);" onmouseover="$EDITORUI[&quot;edui516&quot;].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI[&quot;edui516&quot;].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui516_body" unselectable="on" title="特殊字符" class="edui-button-body edui-default" onmousedown="return $EDITORUI[&quot;edui516&quot;]._onMouseDown(event, this);" onclick="return $EDITORUI[&quot;edui516&quot;]._onClick(event, this);"><div class="edui-box edui-icon edui-default"></div><div class="edui-box edui-label edui-default"></div></div></div></div></div><div id="edui517" class="edui-box edui-button edui-for-snapscreen edui-default"><div id="edui517_state" onmousedown="$EDITORUI[&quot;edui517&quot;].Stateful_onMouseDown(event, this);" onmouseup="$EDITORUI[&quot;edui517&quot;].Stateful_onMouseUp(event, this);" onmouseover="$EDITORUI[&quot;edui517&quot;].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI[&quot;edui517&quot;].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui517_body" unselectable="on" title="截图" class="edui-button-body edui-default" onmousedown="return $EDITORUI[&quot;edui517&quot;]._onMouseDown(event, this);" onclick="return $EDITORUI[&quot;edui517&quot;]._onClick(event, this);"><div class="edui-box edui-icon edui-default"></div><div class="edui-box edui-label edui-default"></div></div></div></div></div><div id="edui526" class="edui-box edui-button edui-for-wordimage edui-default"><div id="edui526_state" onmousedown="$EDITORUI[&quot;edui526&quot;].Stateful_onMouseDown(event, this);" onmouseup="$EDITORUI[&quot;edui526&quot;].Stateful_onMouseUp(event, this);" onmouseover="$EDITORUI[&quot;edui526&quot;].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI[&quot;edui526&quot;].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui526_body" unselectable="on" title="图片转存" class="edui-button-body edui-default" onmousedown="return $EDITORUI[&quot;edui526&quot;]._onMouseDown(event, this);" onclick="return $EDITORUI[&quot;edui526&quot;]._onClick(event, this);"><div class="edui-box edui-icon edui-default"></div><div class="edui-box edui-label edui-default"></div></div></div></div></div><div id="edui527" class="edui-box edui-separator  edui-default"></div><div id="edui528" class="edui-box edui-splitbutton edui-for-inserttable edui-default"><div title="插入表格" id="edui528_state" onmousedown="$EDITORUI[&quot;edui528&quot;].Stateful_onMouseDown(event, this);" onmouseup="$EDITORUI[&quot;edui528&quot;].Stateful_onMouseUp(event, this);" onmouseover="$EDITORUI[&quot;edui528&quot;].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI[&quot;edui528&quot;].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-splitbutton-body edui-default"><div id="edui528_button_body" class="edui-box edui-button-body edui-default" onclick="$EDITORUI[&quot;edui528&quot;]._onButtonClick(event, this);"><div class="edui-box edui-icon edui-default"></div></div><div class="edui-box edui-splitborder edui-default"></div><div class="edui-box edui-arrow edui-default" onclick="$EDITORUI[&quot;edui528&quot;]._onArrowClick();"></div></div></div></div><div id="edui531" class="edui-box edui-button edui-for-deletetable edui-default"><div id="edui531_state" onmousedown="$EDITORUI[&quot;edui531&quot;].Stateful_onMouseDown(event, this);" onmouseup="$EDITORUI[&quot;edui531&quot;].Stateful_onMouseUp(event, this);" onmouseover="$EDITORUI[&quot;edui531&quot;].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI[&quot;edui531&quot;].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui531_body" unselectable="on" title="删除表格" class="edui-button-body edui-default" onmousedown="return $EDITORUI[&quot;edui531&quot;]._onMouseDown(event, this);" onclick="return $EDITORUI[&quot;edui531&quot;]._onClick(event, this);"><div class="edui-box edui-icon edui-default"></div></div></div></div></div><div id="edui532" class="edui-box edui-button edui-for-insertparagraphbeforetable edui-default"><div id="edui532_state" onmousedown="$EDITORUI[&quot;edui532&quot;].Stateful_onMouseDown(event, this);" onmouseup="$EDITORUI[&quot;edui532&quot;].Stateful_onMouseUp(event, this);" onmouseover="$EDITORUI[&quot;edui532&quot;].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI[&quot;edui532&quot;].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui532_body" unselectable="on" title="表格前插入行" class="edui-button-body edui-default" onmousedown="return $EDITORUI[&quot;edui532&quot;]._onMouseDown(event, this);" onclick="return $EDITORUI[&quot;edui532&quot;]._onClick(event, this);"><div class="edui-box edui-icon edui-default"></div></div></div></div></div><div id="edui533" class="edui-box edui-button edui-for-insertrow edui-default"><div id="edui533_state" onmousedown="$EDITORUI[&quot;edui533&quot;].Stateful_onMouseDown(event, this);" onmouseup="$EDITORUI[&quot;edui533&quot;].Stateful_onMouseUp(event, this);" onmouseover="$EDITORUI[&quot;edui533&quot;].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI[&quot;edui533&quot;].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui533_body" unselectable="on" title="前插入行" class="edui-button-body edui-default" onmousedown="return $EDITORUI[&quot;edui533&quot;]._onMouseDown(event, this);" onclick="return $EDITORUI[&quot;edui533&quot;]._onClick(event, this);"><div class="edui-box edui-icon edui-default"></div></div></div></div></div><div id="edui534" class="edui-box edui-button edui-for-deleterow edui-default"><div id="edui534_state" onmousedown="$EDITORUI[&quot;edui534&quot;].Stateful_onMouseDown(event, this);" onmouseup="$EDITORUI[&quot;edui534&quot;].Stateful_onMouseUp(event, this);" onmouseover="$EDITORUI[&quot;edui534&quot;].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI[&quot;edui534&quot;].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui534_body" unselectable="on" title="删除行" class="edui-button-body edui-default" onmousedown="return $EDITORUI[&quot;edui534&quot;]._onMouseDown(event, this);" onclick="return $EDITORUI[&quot;edui534&quot;]._onClick(event, this);"><div class="edui-box edui-icon edui-default"></div></div></div></div></div><div id="edui535" class="edui-box edui-button edui-for-insertcol edui-default"><div id="edui535_state" onmousedown="$EDITORUI[&quot;edui535&quot;].Stateful_onMouseDown(event, this);" onmouseup="$EDITORUI[&quot;edui535&quot;].Stateful_onMouseUp(event, this);" onmouseover="$EDITORUI[&quot;edui535&quot;].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI[&quot;edui535&quot;].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui535_body" unselectable="on" title="前插入列" class="edui-button-body edui-default" onmousedown="return $EDITORUI[&quot;edui535&quot;]._onMouseDown(event, this);" onclick="return $EDITORUI[&quot;edui535&quot;]._onClick(event, this);"><div class="edui-box edui-icon edui-default"></div></div></div></div></div><div id="edui536" class="edui-box edui-button edui-for-deletecol edui-default"><div id="edui536_state" onmousedown="$EDITORUI[&quot;edui536&quot;].Stateful_onMouseDown(event, this);" onmouseup="$EDITORUI[&quot;edui536&quot;].Stateful_onMouseUp(event, this);" onmouseover="$EDITORUI[&quot;edui536&quot;].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI[&quot;edui536&quot;].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui536_body" unselectable="on" title="删除列" class="edui-button-body edui-default" onmousedown="return $EDITORUI[&quot;edui536&quot;]._onMouseDown(event, this);" onclick="return $EDITORUI[&quot;edui536&quot;]._onClick(event, this);"><div class="edui-box edui-icon edui-default"></div></div></div></div></div><div id="edui537" class="edui-box edui-button edui-for-mergecells edui-default"><div id="edui537_state" onmousedown="$EDITORUI[&quot;edui537&quot;].Stateful_onMouseDown(event, this);" onmouseup="$EDITORUI[&quot;edui537&quot;].Stateful_onMouseUp(event, this);" onmouseover="$EDITORUI[&quot;edui537&quot;].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI[&quot;edui537&quot;].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui537_body" unselectable="on" title="合并多个单元格" class="edui-button-body edui-default" onmousedown="return $EDITORUI[&quot;edui537&quot;]._onMouseDown(event, this);" onclick="return $EDITORUI[&quot;edui537&quot;]._onClick(event, this);"><div class="edui-box edui-icon edui-default"></div></div></div></div></div><div id="edui538" class="edui-box edui-button edui-for-mergeright edui-default"><div id="edui538_state" onmousedown="$EDITORUI[&quot;edui538&quot;].Stateful_onMouseDown(event, this);" onmouseup="$EDITORUI[&quot;edui538&quot;].Stateful_onMouseUp(event, this);" onmouseover="$EDITORUI[&quot;edui538&quot;].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI[&quot;edui538&quot;].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui538_body" unselectable="on" title="右合并单元格" class="edui-button-body edui-default" onmousedown="return $EDITORUI[&quot;edui538&quot;]._onMouseDown(event, this);" onclick="return $EDITORUI[&quot;edui538&quot;]._onClick(event, this);"><div class="edui-box edui-icon edui-default"></div></div></div></div></div><div id="edui539" class="edui-box edui-button edui-for-mergedown edui-default"><div id="edui539_state" onmousedown="$EDITORUI[&quot;edui539&quot;].Stateful_onMouseDown(event, this);" onmouseup="$EDITORUI[&quot;edui539&quot;].Stateful_onMouseUp(event, this);" onmouseover="$EDITORUI[&quot;edui539&quot;].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI[&quot;edui539&quot;].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui539_body" unselectable="on" title="下合并单元格" class="edui-button-body edui-default" onmousedown="return $EDITORUI[&quot;edui539&quot;]._onMouseDown(event, this);" onclick="return $EDITORUI[&quot;edui539&quot;]._onClick(event, this);"><div class="edui-box edui-icon edui-default"></div></div></div></div></div><div id="edui540" class="edui-box edui-button edui-for-splittocells edui-default"><div id="edui540_state" onmousedown="$EDITORUI[&quot;edui540&quot;].Stateful_onMouseDown(event, this);" onmouseup="$EDITORUI[&quot;edui540&quot;].Stateful_onMouseUp(event, this);" onmouseover="$EDITORUI[&quot;edui540&quot;].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI[&quot;edui540&quot;].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui540_body" unselectable="on" title="完全拆分单元格" class="edui-button-body edui-default" onmousedown="return $EDITORUI[&quot;edui540&quot;]._onMouseDown(event, this);" onclick="return $EDITORUI[&quot;edui540&quot;]._onClick(event, this);"><div class="edui-box edui-icon edui-default"></div></div></div></div></div><div id="edui541" class="edui-box edui-button edui-for-splittorows edui-default"><div id="edui541_state" onmousedown="$EDITORUI[&quot;edui541&quot;].Stateful_onMouseDown(event, this);" onmouseup="$EDITORUI[&quot;edui541&quot;].Stateful_onMouseUp(event, this);" onmouseover="$EDITORUI[&quot;edui541&quot;].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI[&quot;edui541&quot;].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui541_body" unselectable="on" title="拆分成行" class="edui-button-body edui-default" onmousedown="return $EDITORUI[&quot;edui541&quot;]._onMouseDown(event, this);" onclick="return $EDITORUI[&quot;edui541&quot;]._onClick(event, this);"><div class="edui-box edui-icon edui-default"></div></div></div></div></div><div id="edui542" class="edui-box edui-button edui-for-splittocols edui-default"><div id="edui542_state" onmousedown="$EDITORUI[&quot;edui542&quot;].Stateful_onMouseDown(event, this);" onmouseup="$EDITORUI[&quot;edui542&quot;].Stateful_onMouseUp(event, this);" onmouseover="$EDITORUI[&quot;edui542&quot;].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI[&quot;edui542&quot;].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui542_body" unselectable="on" title="拆分成列" class="edui-button-body edui-default" onmousedown="return $EDITORUI[&quot;edui542&quot;]._onMouseDown(event, this);" onclick="return $EDITORUI[&quot;edui542&quot;]._onClick(event, this);"><div class="edui-box edui-icon edui-default"></div></div></div></div></div><div id="edui547" class="edui-box edui-button edui-for-charts edui-default"><div id="edui547_state" onmousedown="$EDITORUI[&quot;edui547&quot;].Stateful_onMouseDown(event, this);" onmouseup="$EDITORUI[&quot;edui547&quot;].Stateful_onMouseUp(event, this);" onmouseover="$EDITORUI[&quot;edui547&quot;].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI[&quot;edui547&quot;].Stateful_onMouseOut(event, this);" class="edui-default edui-state-disabled"><div class="edui-button-wrap edui-default"><div id="edui547_body" unselectable="on" title="图表" class="edui-button-body edui-default" onmousedown="return $EDITORUI[&quot;edui547&quot;]._onMouseDown(event, this);" onclick="return $EDITORUI[&quot;edui547&quot;]._onClick(event, this);"><div class="edui-box edui-icon edui-default"></div><div class="edui-box edui-label edui-default"></div></div></div></div></div><div id="edui548" class="edui-box edui-separator  edui-default"></div><div id="edui549" class="edui-box edui-button edui-for-print edui-default"><div id="edui549_state" onmousedown="$EDITORUI[&quot;edui549&quot;].Stateful_onMouseDown(event, this);" onmouseup="$EDITORUI[&quot;edui549&quot;].Stateful_onMouseUp(event, this);" onmouseover="$EDITORUI[&quot;edui549&quot;].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI[&quot;edui549&quot;].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui549_body" unselectable="on" title="打印" class="edui-button-body edui-default" onmousedown="return $EDITORUI[&quot;edui549&quot;]._onMouseDown(event, this);" onclick="return $EDITORUI[&quot;edui549&quot;]._onClick(event, this);"><div class="edui-box edui-icon edui-default"></div></div></div></div></div><div id="edui552" class="edui-box edui-button edui-for-preview edui-default"><div id="edui552_state" onmousedown="$EDITORUI[&quot;edui552&quot;].Stateful_onMouseDown(event, this);" onmouseup="$EDITORUI[&quot;edui552&quot;].Stateful_onMouseUp(event, this);" onmouseover="$EDITORUI[&quot;edui552&quot;].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI[&quot;edui552&quot;].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui552_body" unselectable="on" title="预览" class="edui-button-body edui-default" onmousedown="return $EDITORUI[&quot;edui552&quot;]._onMouseDown(event, this);" onclick="return $EDITORUI[&quot;edui552&quot;]._onClick(event, this);"><div class="edui-box edui-icon edui-default"></div><div class="edui-box edui-label edui-default"></div></div></div></div></div><div id="edui555" class="edui-box edui-button edui-for-searchreplace edui-default"><div id="edui555_state" onmousedown="$EDITORUI[&quot;edui555&quot;].Stateful_onMouseDown(event, this);" onmouseup="$EDITORUI[&quot;edui555&quot;].Stateful_onMouseUp(event, this);" onmouseover="$EDITORUI[&quot;edui555&quot;].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI[&quot;edui555&quot;].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui555_body" unselectable="on" title="查询替换" class="edui-button-body edui-default" onmousedown="return $EDITORUI[&quot;edui555&quot;]._onMouseDown(event, this);" onclick="return $EDITORUI[&quot;edui555&quot;]._onClick(event, this);"><div class="edui-box edui-icon edui-default"></div><div class="edui-box edui-label edui-default"></div></div></div></div></div><div id="edui558" class="edui-box edui-button edui-for-help edui-default"><div id="edui558_state" onmousedown="$EDITORUI[&quot;edui558&quot;].Stateful_onMouseDown(event, this);" onmouseup="$EDITORUI[&quot;edui558&quot;].Stateful_onMouseUp(event, this);" onmouseover="$EDITORUI[&quot;edui558&quot;].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI[&quot;edui558&quot;].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui558_body" unselectable="on" title="帮助" class="edui-button-body edui-default" onmousedown="return $EDITORUI[&quot;edui558&quot;]._onMouseDown(event, this);" onclick="return $EDITORUI[&quot;edui558&quot;]._onClick(event, this);"><div class="edui-box edui-icon edui-default"></div><div class="edui-box edui-label edui-default"></div></div></div></div></div><div id="edui559" class="edui-box edui-button edui-for-drafts edui-default"><div id="edui559_state" onmousedown="$EDITORUI[&quot;edui559&quot;].Stateful_onMouseDown(event, this);" onmouseup="$EDITORUI[&quot;edui559&quot;].Stateful_onMouseUp(event, this);" onmouseover="$EDITORUI[&quot;edui559&quot;].Stateful_onMouseOver(event, this);" onmouseout="$EDITORUI[&quot;edui559&quot;].Stateful_onMouseOut(event, this);" class="edui-default"><div class="edui-button-wrap edui-default"><div id="edui559_body" unselectable="on" title="从草稿箱加载" class="edui-button-body edui-default" onmousedown="return $EDITORUI[&quot;edui559&quot;]._onMouseDown(event, this);" onclick="return $EDITORUI[&quot;edui559&quot;]._onClick(event, this);"><div class="edui-box edui-icon edui-default"></div></div></div></div></div></div></div></div><div id="edui282_toolbarmsg" class="edui-editor-toolbarmsg edui-default" style="display:none;"><div id="edui282_upload_dialog" class="edui-editor-toolbarmsg-upload edui-default" onclick="$EDITORUI[&quot;edui282&quot;].showWordImageDialog();">点击上传</div><div class="edui-editor-toolbarmsg-close edui-default" onclick="$EDITORUI[&quot;edui282&quot;].hideToolbarMsg();">x</div><div id="edui282_toolbarmsg_label" class="edui-editor-toolbarmsg-label edui-default"></div><div style="height:0;overflow:hidden;clear:both;" class="edui-default"></div></div><div id="edui282_message_holder" class="edui-editor-messageholder edui-default" style="top: 130px; z-index: 1000;"></div></div><div id="edui282_iframeholder" class="edui-editor-iframeholder edui-default" style="width: 591px; height: 502px; z-index: 999; overflow: hidden;"><iframe id="ueditor_0" width="100%" height="100%" frameborder="0" src="javascript:void(function(){document.open();document.write(&quot;<!DOCTYPE html><html xmlns='http://www.w3.org/1999/xhtml' class='view' ><head><style type='text/css'>.view{padding:0;word-wrap:break-word;cursor:text;height:90%;}
body{margin:8px;font-family:sans-serif;font-size:16px;}p{margin:5px 0;}</style><link rel='stylesheet' type='text/css' href='http://demo.mxyhn.xyz:8020/cssthemes6/1.11ZF23/lib/ueditor/themes/iframe.css'/></head><body class='view' ></body><script type='text/javascript'  id='_initialScript'>setTimeout(function(){editor = window.parent.UE.instants['ueditorInstant0'];editor._setup(document);},0);var _tmpScript = document.getElementById('_initialScript');_tmpScript.parentNode.removeChild(_tmpScript);</script></html>&quot;);document.close();}())"></iframe></div><div id="edui282_bottombar" class="edui-editor-bottomContainer edui-default"><table class="edui-default"><tbody class="edui-default"><tr class="edui-default"><td id="edui282_elementpath" class="edui-editor-bottombar edui-default"><div class="edui-editor-breadcrumb">元素路径:</div></td><td id="edui282_wordcount" class="edui-editor-wordcount edui-default">字数统计</td><td id="edui282_scale" class="edui-editor-scale edui-default" style="display: none;"><div class="edui-editor-icon edui-default"></div></td></tr></tbody></table></div><div id="edui282_scalelayer" class="edui-default"></div></div></div>
                </div>
                <div class="add-article-box">
                    <h2 class="add-article-box-title"><span>关键字</span></h2>
                    <div class="add-article-box-content">
                        <input type="text" class="form-control" placeholder="请输入关键字" name="keywords" autocomplete="off">
                        <span class="prompt-text">多个标签请用英文逗号,隔开。</span>
                    </div>
                </div>
                <div class="add-article-box">
                    <h2 class="add-article-box-title"><span>描述</span></h2>
                    <div class="add-article-box-content">
                        <textarea class="form-control" name="describe" autocomplete="off"></textarea>
                        <span class="prompt-text">描述是可选的手工创建的内容总结，并可以在网页描述中使用</span>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <h1 class="page-header">操作</h1>
                <div class="add-article-box">
                    <h2 class="add-article-box-title"><span>栏目</span></h2>
                    <div class="add-article-box-content">
                        <ul class="category-list">
                            <li>
                                <label>
                                    <input name="category" type="radio" value="1" checked="">
                                    这是栏目 <em class="hidden-md">( 栏目ID: <span>1</span> )</em></label>
                            </li>
                            <li>
                                <label>
                                    <input name="category" type="radio" value="2">
                                    这是栏目 <em class="hidden-md">( 栏目ID: <span>2</span> )</em></label>
                            </li>
                            <li>
                                <label>
                                    <input name="category" type="radio" value="3">
                                    这是栏目 <em class="hidden-md">( 栏目ID: <span>3</span> )</em></label>
                            </li>
                            <li>
                                <label>
                                    <input name="category" type="radio" value="4">
                                    这是栏目 <em class="hidden-md">( 栏目ID: <span>4</span> )</em></label>
                            </li>
                            <li>
                                <label>
                                    <input name="category" type="radio" value="5">
                                    这是栏目 <em class="hidden-md">( 栏目ID: <span>5</span> )</em></label>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="add-article-box">
                    <h2 class="add-article-box-title"><span>标签</span></h2>
                    <div class="add-article-box-content">
                        <input type="text" class="form-control" placeholder="输入新标签" name="tags" autocomplete="off">
                        <span class="prompt-text">多个标签请用英文逗号,隔开</span> </div>
                </div>
                <div class="add-article-box">
                    <h2 class="add-article-box-title"><span>标题图片</span></h2>
                    <div class="add-article-box-content">
                        <input type="text" class="form-control" placeholder="点击按钮选择图片" id="pictureUpload" name="titlepic" autocomplete="off">
                    </div>
                    <div class="add-article-box-footer">
                        <button class="btn btn-default" type="button" id="upImage">选择</button>
                    </div>
                </div>
                <div class="add-article-box">
                    <h2 class="add-article-box-title"><span>发布</span></h2>
                    <div class="add-article-box-content">
                        <p><label>状态：</label><span class="article-status-display">未发布</span></p>
                        <p><label>公开度：</label><input type="radio" name="visibility" value="0" checked="">公开 <input type="radio" name="visibility" value="1">加密</p>
                        <p><label>发布于：</label><span class="article-time-display"><input style="border: none;" type="datetime" name="time" value="2016-01-09 17:29:37"></span></p>
                    </div>
                    <div class="add-article-box-footer">
                        <button class="btn btn-primary" type="submit" name="submit">发布</button>
                    </div>
                </div>
            </div>
        </form>
    </div>





    <div id="content_views" class="htmledit_views">
        <p><strong>前言</strong></p>
        <p>本文的文字及图片来源于网络,仅供学习、交流使用,不具有任何商业用途,如有问题请及时联系我们以作处理。</p>
        <p>PS：如有需要Python学习资料的小伙伴可以点击下方链接自行获取</p>
        <p><a href="https://jq.qq.com/?_wv=1027&amp;k=ThcV4SNF">Python免费学习资料、代码以及交流解答点击即可加入</a></p>
        <hr>
        <p>对于日常的python可视化过去用的都是Matplotlib可视化图表，但是这都是静态的图表，无法对图表进行交互。</p>
        <p>今天介绍的pyecharts是经过网页渲染的可视化可交互的web页面图表，可以更好的时间选择或者维度选择进行交互，得到不同的动态图表。</p>
        <p>汇总最常见的图表及代码：</p>
        <h1>1、柱状图</h1>
        <p><img alt="" src="https://img-blog.csdnimg.cn/img_convert/1a85fa60fee825067db1c03be860da90.png"></p>
        <p> </p>
        <p>代码如下：</p>
        <pre><code>'''
如有需要Python学习资料的小伙伴可以加群领取：1136201545

'''
from pyecharts import options as opts
from pyecharts.charts import Bar
from pyecharts.commons.utils import JsCode
from pyecharts.globals import ThemeType

list2 = [

{"value": 12, "percent": 12 / (12 + 3)},

{"value": 23, "percent": 23 / (23 + 21)},

{"value": 33, "percent": 33 / (33 + 5)},

{"value": 3, "percent": 3 / (3 + 52)},

{"value": 33, "percent": 33 / (33 + 43)},

]



list3 = [

{"value": 3, "percent": 3 / (12 + 3)},

{"value": 21, "percent": 21 / (23 + 21)},

{"value": 5, "percent": 5 / (33 + 5)},

{"value": 52, "percent": 52 / (3 + 52)},

{"value": 43, "percent": 43 / (33 + 43)},

]



c = (

Bar(init_opts=opts.InitOpts(theme=ThemeType.LIGHT))

.add_xaxis([1, 2, 3, 4, 5])

.add_yaxis("product1", list2, stack="stack1", category_gap="50%")

.add_yaxis("product2", list3, stack="stack1", category_gap="50%")

.set_series_opts(

label_opts=opts.LabelOpts(

position="right",

formatter=JsCode(

"function(x){return Number(x.data.percent * 100).toFixed() + '%';}"

),

)

)

.render("stack_bar_percent.html")

)
</code></pre>
        <h1>2、折线图</h1>
        <p><img alt="" src="https://img-blog.csdnimg.cn/img_convert/774670678eb8d9fd02fd8565c7941469.png"></p>
        <p> </p>
        <p>代码如下：</p>
        <pre><code>
import pyecharts.options as opts
from pyecharts.charts import Line

week_name_list = ["周一", "周二", "周三", "周四", "周五", "周六", "周日"]

high_temperature = [11, 11, 15, 13, 12, 13, 10]

low_temperature = [1, -2, 2, 5, 3, 2, 0]

(

Line(init_opts=opts.InitOpts(width="1600px", height="800px"))

.add_xaxis(xaxis_data=week_name_list)

.add_yaxis(

series_name="最高气温",

y_axis=high_temperature,

markpoint_opts=opts.MarkPointOpts(

data=[

opts.MarkPointItem(type_="max", name="最大值"),

opts.MarkPointItem(type_="min", name="最小值"),

]

),

markline_opts=opts.MarkLineOpts(

data=[opts.MarkLineItem(type_="average", name="平均值")]

),

)

.add_yaxis(

series_name="最低气温",

y_axis=low_temperature,

markpoint_opts=opts.MarkPointOpts(

data=[opts.MarkPointItem(value=-2, name="周最低", x=1, y=-1.5)]

),

markline_opts=opts.MarkLineOpts(

data=[

opts.MarkLineItem(type_="average", name="平均值"),

opts.MarkLineItem(symbol="none", x="90%", y="max"),

opts.MarkLineItem(symbol="circle", type_="max", name="最高点"),

]

),

)

.set_global_opts(

title_opts=opts.TitleOpts(title="未来一周气温变化", subtitle="纯属虚构"),

tooltip_opts=opts.TooltipOpts(trigger="axis"),

toolbox_opts=opts.ToolboxOpts(is_show=True),

xaxis_opts=opts.AxisOpts(type_="category", boundary_gap=False),

)

.render("temperature_change_line_chart.html")

)
</code></pre>
        <h1>3、漏斗图</h1>
        <p><img alt="" src="https://img-blog.csdnimg.cn/img_convert/9e36f74aacb2ad0124a86d465ab4fd83.png"></p>
        <p> </p>
        <p>代码如下：</p>
        <pre><code>
from pyecharts import options as opts

from pyecharts.charts import Funnel

from pyecharts.faker import Faker



c = (

Funnel()

.add("商品", [list(z) for z in zip(Faker.choose(), Faker.values())])

.set_global_opts(title_opts=opts.TitleOpts(title="Funnel-基本示例"))

.render("funnel_base.html")

)
</code></pre>
        <h1>4、仪表盘</h1>
        <p><img alt="" src="https://img-blog.csdnimg.cn/img_convert/9886678069e05556f94c0ff12a77ae2b.png"></p>
        <p> </p>
        <p>代码如下：</p>
        <pre><code>
from pyecharts import options as opts
from pyecharts.charts import Gauge
c = (
Gauge()

.add("", [("完成率", 66.6)])

.set_global_opts(title_opts=opts.TitleOpts(title="Gauge-基本示例"))

.render("gauge_base.html")

)
</code></pre>
        <h1>5、地理坐标</h1>
        <p><img alt="" src="https://img-blog.csdnimg.cn/img_convert/046db149a799eddfdce0e2387375631b.png"></p>
        <p> </p>
        <p>代码如下：</p>
        <pre><code>
from pyecharts import options as opts
from pyecharts.charts import Geo
from pyecharts.globals import ChartType, SymbolType

c = (

Geo()

.add_schema(

maptype="china",

itemstyle_opts=opts.ItemStyleOpts(color="#323c48", border_color="#111"),

)

.add(

"",

[("广州", 55), ("北京", 66), ("杭州", 77), ("重庆", 88)],

type_=ChartType.EFFECT_SCATTER,

color="white",

)

.add(

"geo",

[("广州", "上海"), ("广州", "北京"), ("广州", "杭州"), ("广州", "重庆")],

type_=ChartType.LINES,

effect_opts=opts.EffectOpts(

symbol=SymbolType.ARROW, symbol_size=6, color="blue"

),

linestyle_opts=opts.LineStyleOpts(curve=0.2),

)

.set_series_opts(label_opts=opts.LabelOpts(is_show=False))

.set_global_opts(title_opts=opts.TitleOpts(title="Geo-Lines-background"))

.render("geo_lines_background.html")

)
</code></pre>
        <h1>6、关系图</h1>
        <p><img alt="" src="https://img-blog.csdnimg.cn/img_convert/be80d7dc9fe7562de6628718a866d1c2.png"></p>
        <p> </p>
        <p>代码如下：</p>
        <pre><code>
from pyecharts import options as opts
from pyecharts.charts import Graph

nodes = [

{"name": "结点1", "symbolSize": 10},

{"name": "结点2", "symbolSize": 20},

{"name": "结点3", "symbolSize": 30},

{"name": "结点4", "symbolSize": 40},

{"name": "结点5", "symbolSize": 50},

{"name": "结点6", "symbolSize": 40},

{"name": "结点7", "symbolSize": 30},

{"name": "结点8", "symbolSize": 20},

]

links = []

for i in nodes:

for j in nodes:

links.append({"source": i.get("name"), "target": j.get("name")})

c = (

Graph()

.add("", nodes, links, repulsion=8000)

.set_global_opts(title_opts=opts.TitleOpts(title="Graph-基本示例"))

.render("graph_base.html")

)
</code></pre>
        <h1>7、地理坐标</h1>
        <p><img alt="" src="https://img-blog.csdnimg.cn/img_convert/16646c09ab83509bbcfa423d316eea7c.png"></p>
        <p> </p>
        <p>代码如下：</p>
        <pre><code>
from pyecharts import options as opts
from pyecharts.charts import Map
from pyecharts.faker import Faker

c = (

Map()

.add("商家A", [list(z) for z in zip(Faker.provinces, Faker.values())], "china")

.set_global_opts(title_opts=opts.TitleOpts(title="Map-基本示例"))

.render("map_base.html")

)
</code></pre>
        <h1>8、饼状图</h1>
        <p><img alt="" src="https://img-blog.csdnimg.cn/img_convert/d0e6f0eb1dde6465c7993e2b7463d9b9.png"></p>
        <p> </p>
        <p>代码如下：</p>
        <pre><code>
from pyecharts import options as opts
from pyecharts.charts import Pie
from pyecharts.faker import Faker


c = (
Pie()
.add("", [list(z) for z in zip(Faker.choose(), Faker.values())])
.set_global_opts(title_opts=opts.TitleOpts(title="Pie-基本示例"))
.set_series_opts(label_opts=opts.LabelOpts(formatter="{b}: {c}"))
.render("pie_base.html")
)
</code></pre>
        <h1>9、表格图</h1>
        <p><img alt="" src="https://img-blog.csdnimg.cn/img_convert/6eb5edbc175f4faa793df2b6e3fa2f1c.png"></p>
        <p> </p>
        <p>代码如下：</p>
        <pre><code>
from pyecharts.components import Table
from pyecharts.options import ComponentTitleOpts

table = Table()

headers = ["City name", "Area", "Population", "Annual Rainfall"]
rows = [
["Brisbane", 5905, 1857594, 1146.4],
["Adelaide", 1295, 1158259, 600.5],
["Darwin", 112, 120900, 1714.7],
["Hobart", 1357, 205556, 619.5],
["Sydney", 2058, 4336374, 1214.8],
["Melbourne", 1566, 3806092, 646.9],
["Perth", 5386, 1554769, 869.4],
]
table.add(headers, rows)
table.set_global_opts(
title_opts=ComponentTitleOpts(title="Table-基本示例", subtitle="我是副标题支持换行哦")
)
table.render("table_base.html")
</code></pre>
        <h1>10、时间轴图表</h1>
        <p><img alt="" src="https://img-blog.csdnimg.cn/img_convert/8a7f988337aa4fac56cbba064fd3545b.png"></p>
        <p> </p>
        <p>代码如下：</p>
        <pre><code>
from pyecharts import options as opts
from pyecharts.charts import Bar, Timeline
from pyecharts.faker import Faker

x = Faker.choose()
tl = Timeline()
for i in range(2015, 2020):
bar = (
Bar()
.add_xaxis(x)
.add_yaxis("商家A", Faker.values())
.add_yaxis("商家B", Faker.values())
.set_global_opts(title_opts=opts.TitleOpts("某商店{}年营业额".format(i)))
)
tl.add(bar, "{}年".format(i))
tl.render("timeline_bar.html")
</code></pre>
        <h1>11、树图</h1>
        <p><img alt="" src="https://img-blog.csdnimg.cn/img_convert/48d57526f3a23a34a38bac173b06481f.png"></p>
        <p> </p>
        <p>代码如下：</p>
        <pre><code>
from pyecharts import options as opts
from pyecharts.charts import Tree

data = [
{
"children": [
{"name": "B"},
{
"children": [{"children": [{"name": "I"}], "name": "E"}, {"name": "F"}],
"name": "C",
},
{
"children": [
{"children": [{"name": "J"}, {"name": "K"}], "name": "G"},
{"name": "H"},
],
"name": "D",
},
],
"name": "A",
}
]
c = (
Tree()
.add("", data)
.set_global_opts(title_opts=opts.TitleOpts(title="Tree-基本示例"))
.render("tree_base.html")
)
</code></pre>
        <h1>12、矩形树图</h1>
        <p><img alt="" src="https://img-blog.csdnimg.cn/img_convert/082c022c6ce3e83b16df3647c902594e.png"></p>
        <p> </p>
        <p>代码如下：</p>
        <pre><code>
from pyecharts import options as opts
from pyecharts.charts import TreeMap

data = [
{"value": 40, "name": "我是A"},
{
"value": 180,
"name": "我是B",
"children": [
{
"value": 76,
"name": "我是B.children",
"children": [
{"value": 12, "name": "我是B.children.a"},
{"value": 28, "name": "我是B.children.b"},
{"value": 20, "name": "我是B.children.c"},
{"value": 16, "name": "我是B.children.d"},
],
}
],
},
]


c = (
TreeMap()
.add("演示数据", data)
.set_global_opts(title_opts=opts.TitleOpts(title="TreeMap-基本示例"))
.render("treemap_base.html")
)
</code></pre>
        <h1>13、雷达图</h1>
        <p><img alt="" src="https://img-blog.csdnimg.cn/img_convert/c37b8e56d56e7dcd3277c8cefda879a9.png"></p>
        <p> </p>
        <p>代码如下：</p>
        <pre><code>
import pyecharts.options as opts
from pyecharts.charts import Radar

v1 = [[4300, 10000, 28000, 35000, 50000, 19000]]
v2 = [[5000, 14000, 28000, 31000, 42000, 21000]]


(
Radar(init_opts=opts.InitOpts(width="1280px", height="720px", bg_color="#CCCCCC"))
.add_schema(
schema=[
opts.RadarIndicatorItem(name="销售（sales）", max_=6500),
opts.RadarIndicatorItem(name="管理（Administration）", max_=16000),
opts.RadarIndicatorItem(name="信息技术（Information Technology）
</code>
</pre>
</div>
</div>
</body>
</html>